body{
  background-color:#f5f5f5;
  .personal_center{
    position:relative;
    .number_information {
      width:100%;
      height:2.8rem;
      background: -webkit-linear-gradient(left,#f059a9,#f10180);
      .numberType_box,.number_time{
        width:50%;
      }
      //左侧会员信息
     .numberType_box{
        padding-top:0.4rem;
        .fensi{
          img{
            width:1.4rem;
            height:0.55rem;
            margin-left: 1.5rem;
          }
        }
        .number{
          width:100%;
          height:1.5rem;
          background:url(../images/personal_center_new/gift_bg_head_default@2x.png)left center no-repeat;
          background-size:1.5rem 1.5rem;
          padding-left:1.7rem;
          margin-left:0.24rem;
          margin-top: -0.2rem;
          .userName{
            font-size:0.32rem;
            color:#fff;
            padding:0.3rem 0 0.2rem 0;
          }
          .numberType_ordinary,.numberType_vip{
            height:0.24rem;
            line-height:0.24rem;
            padding-left:0.3rem;
            background:url(../images/personal_center/my_icon_nomral_default@2x.png)left center no-repeat;
            background-size:0.24rem 0.24rem;
            font-size:0.24rem;
            color:#fff;
          }
          .numberType_vip{
            background:url(../images/personal_center/my_icon_vip1_default@2x.png)left center no-repeat;
            background-size:0.24rem 0.24rem;
          }
        }
      }
      //右侧消息提示和会员时间
      .number_time{
        .information {
          padding: 0 0.3rem;
          overflow: hidden;
          padding-top: 0.2rem;
          line-height: 0.88rem;
          span {
            display: inline-block;
          }
          span:first-of-type {
            float: right;
            img {
              width: 0.56rem;
              height: 0.56rem;
            }
          }
          span:last-of-type {
            box-sizing: border-box;
            width: 0.25rem;
            height: 0.25rem;
            padding-top: 0.02rem;
            line-height: 0.27rem;
            border-radius: 0.125rem;
            background-color: #fff;
            color: #f10180;
            font-size: 0.16rem;
            text-align: center;
            position: absolute;
            top: 0.23rem;
            right: 0.25rem;
          }
        }
        .number_btn{
          float:right;
          width:3.49rem;
          height:0.82rem;
          line-height:0.82rem;
          background:url(../images/personal_center_new/gift_bg_rec_default@2x.png)left center no-repeat;
          background-size:3.49rem 0.82rem;
          text-align:center;
          color:#fff;
          font-size:0.24rem;
          margin-top: 0.35rem;

        }
      }
    }

    .money{
      width:100%;
      margin-bottom:0.2rem;
      background-color:#fff;
      overflow:hidden;
      ul{
        width:100%;
        overflow:hidden;
        padding:0.3rem 0;
        li{
          float:left;
          width:33.33%;
          border-left:1px solid #f5f5f5;
          text-align:center;
          height:1.4rem;
          padding-top:0.3rem;
          p{
            color:#666;
            font-size:0.24rem;
            span{
              color:#f10180;
              font-size:0.28rem;
              font-weight:bold;
              b{
                color:#f10180;
                font-size:0.32rem;
                font-weight:bold;
              }
            }
          }
        }
        li:first-of-type{
          //width:2.34rem;
          border-left:none;
        }
      }
      .my_money{
        padding: 0.24rem 0;
        margin: 0 0.24rem;
        border-top:0.02rem solid #f5f5f5;
        p{
          font-size:0.24rem;
          color:#666;
          span{
            color:#f10180;
          }
        }
      }

    }

    .novice_packs{
      background-color:#fff;
      width:100%;
      margin-bottom:0.2rem;
      .novicePacks_title{
        width:20%;
        text-align:center;
        height:1.28rem;
        display:table;
        padding:0.2rem 0;
        >p{
          border-right:0.02rem solid #f5f5f5;
          display:table-cell;
          vertical-align: middle;
          img{
            width:0.66rem;
            height:0.46rem;
          }
          span{
            color:#666;
            font-size:0.24rem;
          }
        }
      }
      .novicePacks_explain{
        padding: 0.2rem 0;
        width:80%;
        height:1.28rem;
        display:table;
        p{
          display:table-cell;
          vertical-align: middle;
          padding-left:0.24rem;
          font-size:0.26rem;
          color:#999;
          span.one{
            display:inline-block;
            background:url(../images/personal_center_new/gift_icon_right_default@2x.png)left center no-repeat;
            background-size:0.26rem 0.26rem;
            padding-left:0.36rem;
            color:#369ed5;
          }
          span.two{
            display:inline-block;
            padding-top:0.1rem;
          }
        }
      }
    }
  //<!--个人中心———导航-->
    .personalCenter_nav{
      background-color:#fff;
      ul.personalCenter_content{
        ul{
          overflow:hidden;
          width:100%;
          li{
            float:left;
            width:33.33%;
            border-top:0.02rem solid #f5f5f5;
            a {
              display:block;
              padding:0.4rem 0 0.2rem 0;
              span:first-of-type {
                display: block;
                text-align: center;
                font-size: 0.58rem;
                line-height: 0.6rem;
              }
              span:last-of-type {
                display: block;
                text-align: center;
                color: #666;
                font-size: 0.24rem;
                padding-top:0.1rem;
              }
              .icon-jibenshezhi {
                color: #f777a4;
              }
              .icon-bdb {
                color: #79c1fa;
              }
              .icon-huiyuanguanli {
                color: #d76efa;
              }

              .icon-yaoqinghaoyou {
                color: #f7b070;
                font-size: 0.54rem !important;
              }
              .icon-cf-c49 {
                color: #60e6be;
                font-size: 0.54rem !important;
              }
              .icon-tixian {
                color: #7c88f7;
                font-size: 0.5rem !important;
              }

              .icon-integral {
                color: #f98686;
              }
              .icon-duihuan {
                color: #77dcee;
              }
              .icon-youxiaozhushou {
                color: #fcca65;
                font-size: 0.56rem !important;
              }
            }
          }
          li:not(:first-child){
            border-left:0.02rem solid #f5f5f5;
          }
        }
      }
    }

  }
}
















